<!DOCTYPE html>
<html lang="zh-ch">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
		<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="css/swiper.css"/>
		<link rel="stylesheet" href="css/index.css"/>
		<link rel="stylesheet" href="css/fancybox.css"/>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/swiper.js"></script>
		<script type="text/javascript" src="js/change-html-fz.js"></script>
		<script type="text/javascript" src="js/simpler-sidebar.js"></script>
		<script type="text/javascript" src="js/fancybox.js"></script>
	</head>
	<body>
		
		<!-- 移动端导航 -->
		<!-- 头部 -->
		<div class="header clearfix">
			<div class="menu" id="menu"></div>
			<div class="lang"><a href="###">EN</a></div>
			<h1><a href="###"></a></h1>
			<div class="sidebar" id="dowebok">
			    <div class="sidebar-wrapper" id="sidebar-wrapper">
			        <ul class="menu_nav">
			        	<li>
			        		<p class="hd">首页</p>
			        		<ul class="bd">
			        			<li><a href="###">测试</a></li>
			        			<li><a href="###">测试</a></li>
			        			<li><a href="###">测试</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">品牌中心</p>
			        		<ul class="bd">
			        			<li><a href="###">公司简介</a></li>
			        			<li><a href="###">荣誉证书</a></li>
			        			<li><a href="###">设备技术</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">产品中心</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">工程案例</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">招商加盟</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">新闻聚焦</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">联系我们</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        </ul>
			    </div>
			</div>
		</div>
		
		
		<!-- 标题图片 -->
		<div class="tit_img" style="background-image: url(img/habout.jpg);"></div>
		
		<!-- 荣耀 -->
		<div class="ihoner">
			<div class="ihoner_list clearfix">
				<div class="col-2">
					<div class="ihoner_box">
						<div class="img_box"><img src="img/index_04.jpg" alt=""></div>
						<div class="text_box">EMC（11系列1）</div>
					</div>
				</div>
				<div class="col-2">
					<div class="ihoner_box">
						<div class="img_box"><img src="img/honer02.jpg" alt=""></div>
						<div class="text_box">EMC（11系列2）</div>
					</div>
				</div>
				<div class="col-2">
					<div class="ihoner_box">
						<div class="img_box"><img src="img/honer02.jpg" alt=""></div>
						<div class="text_box">EMC（11系列2）</div>
					</div>
				</div>
				<div class="col-2">
					<div class="ihoner_box">
						<div class="img_box"><img src="img/honer02.jpg" alt=""></div>
						<div class="text_box">EMC（11系列2）</div>
					</div>
				</div>
				<div class="col-2">
					<div class="ihoner_box">
						<div class="img_box"><img src="img/honer02.jpg" alt=""></div>
						<div class="text_box">EMC（11系列2）</div>
					</div>
				</div>
				<div class="col-2">
					<div class="ihoner_box">
						<div class="img_box"><img src="img/honer02.jpg" alt=""></div>
						<div class="text_box">EMC（11系列2）</div>
					</div>
				</div>
			</div>
			<div class="fat">
				<div class="eng_pages clearfix">
					<a href="###" class="prve">上一页</a>
					<a href="###" class="on">1</a>
					<a href="###">2</a>
					<a href="###">3</a>
					<a href="###" class="next">下一页</a>
				</div>
			</div>
		</div>
		
		
		<div class="footer">
			<div class="footer_text">
				<p>——————————</p>
				<p> Copyright &copy; 佛山市华葆电源设备有限公司 </p>
				<p> 技术支持：云路科技 </p>
			</div>
		</div>
		<!-- 底部导航 -->
		<div class="b_tool">
			<div class="main clearfix">
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool1.png" alt="">
						</div>
						<h4>网站首页</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool2.png" alt="">
						</div>
						<h4>产品质量</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="tel:400-830-8833">
						<div class="img_box">
							<img src="img/b_tool3.png" alt="">
						</div>
						<h4>联系电话</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool4.png" alt="">
						</div>
						<h4>置顶</h4>
					</a>
				</div>
			</div>
		</div>
		
		<script src="js/index.js"></script>
	</body>
</html>
